<template>
  <div class="app-container">
    <!--    头部-->
    <div class="arrow" @click="arrow">
      <img src="../../src/assets/arrow.png" alt="">
    </div>
    <div class="header">
      <p>现场照片</p>
    </div>
<!--    图片预览-->
    <div class="content">
      <van-swipe @change="onChange" style="height: 50vh;background: #7D7FF7; margin-top: 20vh;">
        <van-swipe-item>1</van-swipe-item>
        <van-swipe-item>2</van-swipe-item>
        <van-swipe-item>3</van-swipe-item>
        <van-swipe-item>4</van-swipe-item>
        <template #indicator>
          <div class="custom-indicator">{{ current + 1 }}/4</div>
        </template>
      </van-swipe>
<!--      <van-image class="maintain_end_info_img"-->
<!--                 v-for="(item,i) in images"-->
<!--                 :key="i"-->
<!--                 width="50"-->
<!--                 height="50"-->
<!--                 radius="5"-->
<!--                 :src=item-->
<!--                 @click="imagesPerview(images, i)"-->
<!--      />-->
    </div>

  </div>
</template>

<script>
import router from '@/router'
import { } from '@/api/index'
export default {
  name: 'photo',
  data () {
    return {
      current: 0,
      // index: 0,
      // images: [
      //   'https://img01.yzcdn.cn/vant/apple-1.jpg',
      //   'https://img01.yzcdn.cn/vant/apple-2.jpg'
      // ]
    }
  },
  props: {},
  watch: {},
  computed: {},
  created () {
  },
  mounted () {
  },
  methods: {
    // 返回上一页
    arrow () {
      router.go(-1)
    },
    onChange (index) {
      this.current = index
    }
    // imagesPerview (images, index) {
    //   this.$ImagePreview({
    //     images: this.images,
    //     showIndex: true,
    //     loop: false,
    //     startPosition: index
    //   })
    // }
  },
  components: {}
}
</script>

<style lang='scss' scoped>
@import "./photo.scss";
</style>
